.web{
    section{
        width: 100%;
        background: #fff;
        .new{
            margin: 0 auto;
            width: 1000px;
            padding-top: 47px;
            margin-bottom: 49px;
            .new-one{
                h1{
                    font-size: 30px;
                    color: #ff6b08;
                    font-weight: normal;
                    margin: 40px 0;
                }
            }
            .new-two{
                .new_teo{
                    width: 302px;
                    height: 180px;
                    overflow: hidden;
                    img{
                        width: 100%;
                    }
                }
            }
            .New_rec{
                .new-re{
                      width: 302px;
                    height: 180px;
                    overflow: hidden;
                    img{
                        width: 100%;
                    }
                }
            }
            .newfu{
                .new-fu{
                    width: 302px;
                    height: 180px;
                    overflow: hidden;
                    img{
                        width: 100%;
                    }
                }
            }
        }
        .jishu{
            width: 1000px;
            margin: 0 auto;
            padding-top: 39px;
            .benpao{
                .xyx{
                    width: 210px;
                    height: 126px;
                    overflow: hidden;
                    img{
                        width: 100%;
                    }
                }
            }
            .lida{
                .xaingqi{
                    h1{
                        font-size: 18px;
                        color: #ff6900;
                        font-weight: normal;
                    }
                    h2{
                        font-size: 18px;
                        color: #666666;
                        font-weight: normal;
                    }
                    p{
                        font-size: 14px;
                        color: #2a2a2a;
                    }
                    span{
                        font-size: 14px;
                        color: #2a2a2a;
                    }
                    .caixu{
                       &::after{
                           content: "";
                           display: block;
                           clear: both;
                       }
                        a{
                            display: block;
                            width: 98px;
                            height: 32px;
                            border-radius: 11px;
                            text-align: center;
                            line-height: 32px;
                            color: #ff6900;
                            border: 1px solid #ff6900;
                            text-decoration: none;
                            float: right;
                        }
                        a:hover{
                            color: #fff;
                            background: #ff6900;
                        }
                    }
                }
            }
        }
        .xuxian{
            margin: 0 auto;
            width:970px ;
            .xuone{
                .henx{
                    width: 100%;
                    border: 1px dashed #d4d4d4;
                }
            }
        }
        .yeshu{
            width: 1000px;
            margin: 0 auto;
            margin-top: 35px;
            margin-bottom: 25px;
            .yemian{
                ul{
                    display: flex;
                    list-style: none;
                    width: 310px;
                    border: 1px solid #dddddd;
                    border-radius: 5px;
                    padding: 0px;
                    margin: auto;
                    li:nth-child(1){
                        a{
                            display: inline-block;
                            text-decoration: none;
                            width:52px ;
                            height:31px ;
                            color: #2a2a2a;
                            font-size: 12px;
                            text-align: center;
                            line-height: 31px;
                            border-right: 1px solid #dddddd;
                        }
                        a:hover{
                            color: #fff;
                            background: #e34637;
                        }
                    }
                     li:nth-child(2){
                        a{
                            display: inline-block;
                            text-decoration: none;
                            width:62px ;
                            height:31px ;
                            color: #2a2a2a;
                            font-size: 12px;
                            text-align: center;
                            line-height: 31px;
                            border-right: 1px solid #dddddd;
                        }
                        a:hover{
                            color: #fff;
                            background: #e34637;
                        }
                    }
                     li:nth-child(3){
                        a{
                            display: inline-block;
                            text-decoration: none;
                            width:33px ;
                            height:31px ;
                            color: #2a2a2a;
                            font-size: 12px;
                            text-align: center;
                            line-height: 31px;
                            border-right: 1px solid #dddddd;
                        }
                        a:hover{
                            color: #fff;
                            background: #e34637;
                        }
                    }
                     li:nth-child(4){
                        a{
                            display: inline-block;
                            text-decoration: none;
                            width:33px ;
                            height:31px ;
                            color: #2a2a2a;
                            font-size: 12px;
                            text-align: center;
                            line-height: 31px;
                            border-right: 1px solid #dddddd;
                        }
                        a:hover{
                            color: #fff;
                            background: #e34637;
                        }
                    }
                     li:nth-child(5){
                        a{
                            display: inline-block;
                            text-decoration: none;
                            width:33px ;
                            height:31px ;
                            color: #2a2a2a;
                            font-size: 12px;
                            text-align: center;
                            border-right: 1px solid #dddddd;
                            line-height: 31px;
                        }
                        a:hover{
                            color: #fff;
                            background: #e34637;
                        }
                    }
                     li:nth-child(6){
                        a{
                            display: inline-block;
                            text-decoration: none;
                            width:33px ;
                            height:31px ;
                            color: #2a2a2a;
                            font-size: 12px;
                            text-align: center;
                            line-height: 31px;
                            border-right: 1px solid #dddddd;
                        }
                        a:hover{
                            color: #fff;
                            background: #e34637;
                        }
                    }
                     li:nth-child(7){
                        a{
                            display: inline-block;
                            text-decoration: none;
                            width:62px ;
                            height:31px ;
                            color: #2a2a2a;
                            font-size: 12px;
                            text-align: center;
                            line-height: 31px;
                        }
                        a:hover{
                            color: #fff;
                            background: #e34637;
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (max-width:415px){
    .web{
        section{
            .new{
                width: 100%;
                margin-bottom: 0;
                .new-two{
                    padding-right: 0;
                    .new_teo{
                        width:110px;
                        height: 67px;
                    }
                }
                
                .New_rec{
                    padding-right: 0;
                    .new-re{
                         width:110px;
                        height: 67px;
                    }
                }
                .newfu{
                    padding-right:0;
                    .new-fu{
                           width:100px;
                        height: 67px;
                    }
                }
            }
            .jishu{
                width: 100%;
                .benpao{
                    padding-right: 0;
                    .xyx{
                        width: 109px;
                        height: 67px;
                    }
                }
                .lida{
                    padding-right: 5px;
                    .xaingqi{
                        h1{
                            font-size: 13px;
                        }
                        h2{
                            font-size: 13px;
                        }
                        span{
                            display: none;
                        }
                    }
                }
            }
            .xuxian{
                width: 100%;
            }
            .yeshu{
                width: 100%;
               .yemian{
                   padding: 0;
               }
            }
        }
        .foot{
            .foot1{
                width: 100% !important;
                height: 100%;
                .foot2{
                   justify-content: center;
                   span{
                       font-size: 11px;
                   }
                }
                .foot3{
                    display: none;
                }
            }
        }
    }
}

@media only screen and (max-width:320px){
    .web{
        section{
            .new{
                width: 100%;
                margin-bottom: 0;
                .new-two{
                    padding-right: 0;
                    .new_teo{
                        width:91px;
                        height: 55px;
                    }
                }
                
                .New_rec{
                    padding-right: 0;
                    .new-re{
                         width:91px;
                        height: 55px;
                    }
                }
                .newfu{
                    padding-right:0;
                    .new-fu{
                           width:87px;
                        height: 55px;
                    }
                }
            }
            .jishu{
                width: 100%;
                .benpao{
                    padding-right: 0;
                    .xyx{
                        width: 91px;
                        height: 56px;
                    }
                }
                .lida{
                    padding-right: 5px;
                    .xaingqi{
                        h1{
                            font-size: 13px;
                        }
                        h2{
                            font-size: 13px;
                        }
                        span{
                            display: none;
                        }
                    }
                }
            }
            .xuxian{
                width: 100%;
            }
            .yeshu{
                width: 100%;
               .yemian{
                   padding: 0;
               }
            }
        }
        .foot{
            .foot1{
                width: 100% !important;
                height: 100%;
                .foot2{
                   justify-content: center;
                   span{
                       font-size: 11px;
                   }
                }
                .foot3{
                    display: none;
                }
            }
        }
    }
}
